# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.

<toolbar id="zen-media-controls-toolbar"
  class="browser-toolbar customization-target zen-sidebar-toolbar"
  context="toolbar-context-menu"
  mode="icons"
  fullscreentoolbar="true"
  hidden="true">
  <toolbaritem>
    <vbox id="zen-media-main-vbox">
      <vbox>
        <hbox id="zen-media-info-container" class="show-on-hover">
          <vbox id="zen-media-info-vbox">
            <label id="zen-media-title" fadein="true"/>
            <label id="zen-media-artist" fadein="true"/>
          </vbox>
          <hbox id="zen-media-buttons-hbox">
            <toolbarbutton id="zen-media-pip-button"
              class="toolbarbutton-1" />
            <toolbarbutton id="zen-media-close-button"
              class="toolbarbutton-1" />
          </hbox>
        </hbox>
        <hbox id="zen-media-progress-hbox"  class="show-on-hover">
          <label id="zen-media-current-time">0:00</label>
          <html:input type="range" id="zen-media-progress-bar"
            value="0" min="0" max="100" step="0.1"/>
          <label id="zen-media-duration">0:00</label>
        </hbox>
      </vbox>
      <hbox id="zen-media-controls-hbox">
        <toolbarbutton id="zen-media-focus-button"
          class="toolbarbutton-1" />
        <hbox id="zen-media-playback-buttons">
          <toolbarbutton id="zen-media-previoustrack-button"
            class="toolbarbutton-1" />
          <toolbarbutton id="zen-media-playpause-button"
            class="toolbarbutton-1" />
          <toolbarbutton id="zen-media-nexttrack-button"
            class="toolbarbutton-1" />
        </hbox>
        <toolbarbutton id="zen-media-mute-button"
          class="toolbarbutton-1" />
        <hbox id="media-device-buttons">
          <toolbarbutton id="zen-media-mute-mic-button"
            class="toolbarbutton-1" />
          <toolbarbutton id="zen-media-mute-camera-button"
            class="toolbarbutton-1" />
        </hbox>
      </hbox>
    </vbox>
  </toolbaritem>
</toolbar>
